M,enunjukan hive mengunakn nosql databse yg murni di tulis dgn dart 
Hive ini dia cros platform 
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HIVE — NO SQL DATABASE IN PURE DART 


t) Cross-platform: desktop, mobile, browser 


@ NO native dependency (written in pure Dart) 


Y Easy to use 


@ Lightweight (Small runtime, small disk space consumption) 


Az Very good performance 


00:12 © 21:16 


Dia merni dgn dart 

Dia mudah digunakan 

Dan ringat ukuran kecil 

Dia miliki performance dgn baik 


Ini perbandingan 
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HIVE — NO SQL DATABASE IN PURE DART 


Read 1000 entries Write 1000 entries 
Lu rs W Stri 3 


egers Ml str 
This benchmark was performed 
ni on a Oneplus 6T with Android 
ee ee ee .. @. All entries are read and 
Hive yHive SQLit Pref live ef 


written one after another. 


00:53 — 21:16 


Antara hive dan sqlite dn prefs 

Ini membaca 1000 

Dan menulis 1000 

Menyimpan data 

Yg tidak banyak relasi yg tidak butuh data yg complex maka bisa gunakan ini 
Ini databse local disimpan di hp kita 

Sebelum menunjukan maka meneranmgkan konsep nya dahulu 
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HIVE — NO SQL DATABASE IN PURE DART 


box Hive contains multiple boxes. 


A box contains multiple pairs of key and value. 
Keys must be either of type String or int. 


Hive supports only primitive types like int or String, plus 
additional standard types, which are List, Map and 
DateTime. 


Si ZEN D sisix Na 
Ini utama kan hive seperti sarang lebah 

Si hive ini memiliki banyak box satu kota satu buah box 

Satu buah box bisa menyimpan banyak data. Data tersebut pasangan key dan value 
Keys nya itu sendiri tipenya itu sendiri hanya string dan intger 

Datanya dismpan valuen ya itu support hanya inger string list map and dateTime 


HIVE 


Kalau itu mau menyimpan class buatan sendiri misalkan class person 
Maka itu harus convert ke json 

Json itu sendiri string 

Setalh convert json maka bisa dimasukin 

Atau boleh juga dgn typeAdapter 

Untuk kali ini kita gunakan typeAdapter karena lebih mudah 
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| HIVE — NO SQL DATABASE IN PURE DART 


R 


Create Data : use addivalue) , 


Retrieve Data : use getAtl index) 


Update Data : use putAt index) 


Delete Data : use deleteAt(index) 


oS To rebuild the Ul everytime a value inside a box 
changes, use WatchBoxBuilder 


Untuk crud nya sendri yaitu 

Crud kita gunakan method lalu add masukan value nya 

Sebernanya ada juga kita mausukan key dgn value dan lebih bisa masukan dgn ini 
Jadi key isinya dgn cara otomatis 

Untuk revieve data kita mengunakan getAt()lalu indexnya seperti list index berapa 
mau diambli 

Untuk update dan dalete jugagitu 


Nanti kita jika mau akan berubah dalam box gunakn dgn watachBlocBuilder 
Kita juga bisa saja gunakan bloc atau provider 

Cuman ini sudah disedaikan tidak usah buat bloc sendiri 

Sekarang langsung saja 
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1° 


import 


void main = runApp(MyA 


Ð cums Puttes 
Running "flutter pub get" in hive demo... 
Wrote 68 files. 


All done! 
‘OuTUNE [V] Flutter: is fully installed. (Channel beta, v1.10.7, on Microsoft Windows [Version 
Se 10.0.18362.418], locale en-US) 


03:55 21:16 


I mm wu Fs Me | 
Untuk conth kali ini membuat aplikasi yg akan menampilkan list of moster 

Nanti moster itu punya mosnter name namanya 

Dan juga levelnya 

Pertam buat stl 

Home nya buat mainPage 
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ndart © 


OPEN EDITORS 1 UNSAVED import 
.. 
HIVE Demo n ve : 
ee iden void main = runApp(M 


App extends Sta 
ride 
t build(Bui 


D oum Futte 
Running "flutter pub get" in hive demo... 
wrote 68 files. 


All done! 
> ouruwe [V] Flutter: is fully installed. (Channel beta, v1.10.7, on Microsoft Wi ws (Version 
ena 10.0.18362.418), locale en-US) 


04:17 21:16 


Buat mainPage terpisah 
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© & main pagedan X 

OPEN EDITORS 1 UNSAVED import 
ee 

xe p 
papu class MainPage extends 

Midea ride 

a t build(BuildContext context) { 

return af fold( 

appBar ar(title: Text( 
body: ) I 
); 
} 


3 
= 
- 


Ð om 
Running "flutter pub get" in hive demo... 
Wrote 68 files. 


Flutter 


All done! 
OUTUNE [V] Flutter: is fully installed. (Channel beta, v1.10.7, on Microsoft Windows [Version 
aaa 10.0.18362.418), locale en-US) 


CETTE LTE £6 OM nn 


i) sampa Tim Sop eS 
Untuk body pasang container saja 

Kembali main dart kita import 

Lalu ke pubspec yaml 

kita import package yg kita gunkan 

ctrl + p 

ada hive 

hive flutter 
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version: 


environment: 


sdk: 


dependencies 
flutt 
sdk 


hive: 


cupertino_icons: 


dev_dependencies: 
flutter_test: 


Hutter 


Running "flutter pub get" in hive demo... 
Wrote 68 files. 


All done! 
‘OUTUNE [V] Flutter: is fully installed. (Channel beta, v1.10.7, on Microsoft Windows [Version 
awanman 10.0.18362.418], locale en-US) A 4 1 


05:04 21:16 


Lalu hive generator untuk membuat si typeAdapter nanti 


Lalu ada satu lagi perlu namnya builder runner 
Dan satu lagi butuh path provider ini untuk menemukan tempat menyimpan sihive 
kita untuk dipakai dalam aplikasi kita 
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le Edit Sek 


in) 


OPEN EDITORS 


Running "flutter pub get" in hive demo... 
exit code 0 

[hive_demo] flutter packages get 

Running “flutter pub get" in hive_demo... 
exit code 0 


>| ins) AN ASIP: 0 Si 
Buat folder model 

Buat moster.dart 

Buat dulu monster nya 

Class monster{ } 

Punya string name dan int level 

Buat contsructor nya 
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X] File Edt Selection View Go Debug Termin: 


OPEN EDITORS 


onster(this.name, this.level); 


Running "flutter pub get" in hive_demo... 
exit code 0 

[hive_demo] flutter packages get 

Running “flutter pub get" in hive_demo... 
exit code 0 


‘OUTUNE 
DEPENDENCIES 


rooos 


t @Cmpaaee © off LJ 


06:32 21:16 


I mm a Fs Me | 
Supaya simpan dalam hive si class mosnter ini kita harus buat typeAdapter dahulu 
Caranya kita import dahulu hive.dart 

Lalu dibawah tambahakn @hivetype()bisa kita tuliskan anam adapter kita berupa 
string 

Kita lihat 
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@HiveType 

C HiveType HiveType({String adapterName}) 
package:hive/hive.dart 
If [adapterName] is not set, it'll be “YourClass" + 
"Adapter" 


Running "flutter pub get" in hive_demo... 
exit code 0 

[hive_demo] flutter packages get 

Running “flutter pub get" in hive_demo... 
exit code 0 


OUTUNE 
> DEPENDENCIES 


06:59 21:16 


i em lw BS 0 2a“ 
Kalau gk nama nya default nya nama class kita + adapter 

Jadi monster adapter 

Disni berikan nama @hivefield(0) kasih nol maksudh nya field ke 0 


Lalu ada iveField ke 1 

Nanti kalau mau edit2 lagi tambhkan lagi field nya jadi ke 2 

Berikutnya disni pasang part moster.g.dart; ini mengenerate oleh bulid runner 
Jadi nanti jalankan build runner untuk mengenerate moster g dart yg akan berisi 
Dari class moster kita yaitu mosnter adapter 
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import 
part 


Field(o) 
ing name, 
@HiveField(1) 
int level, 


fonster(this.name, this.level); 


' 


PS E:\Dropbox\FlutterProject\hive_demo> 


08:00 21:16 
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import 
part 


@HiveType 

class Monster 
@HiveField(0) 
String name, 
@HiveField(1) 
int level; 


onster(this.name, this.level); 


' TERMINA t:omd 


PS E:\Dropbox\FlutterProject\hive_demo> fl er packages pub run build_runner build 


08:13 21:16 


Kalau berhasil nanti muncul monster.g.dart 


A 60.FLUTTER 57. Hive - Database in Pure Dart.mp4 - VLC media player 


Media Playback Audio Video Terjemahan Peralatan Tampilan Bantuan 


read( reader) { 
x.numOfFields = reader.readByte(); 
fields = < , >{ 
or ( i = 0; i < numOfFields; i++) reader.readByte(): reader.read(), 


irr ( 
fields[0] 
fields[1] 
); 
} 


[INFO] Caching finalized dependency graph... 
[INFO] Caching finalized dependency graph completed, took 26ms 


[INFO] Succeeded after 1.2s with 1 outputs (1 actions) 


PS E:\Dropbox\FlutterProject\hive_demo> 


08:21 


WE) ie) mt DU SSM MP | 
Disni ada moster adapter nya kita 

Disni sudah selsai class monster lalu ada mosnter adapter nya juga 

Sekarang kembali ke maindart 

Main dart nya ini kita hapus jadi kita hapus rteun nya ganti jadi kurung awal {} 
Import dahulu path provider nya 

Dan hive dart nya 

Pertama2 ambil dulu path dari folder yg bisa kita akses dari aplikasi kita 

Var appDocumendirec : pathProvider . getApplication(); 

Lalu disini 

Hive.init untk initilasisasi hive nya 

() app darimana ambil dari appDocumenDirector.path 

Gunkian await lalu async 
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OPEN EDITORS 1 UNSAVED import 
oe import 
import t i as pathProvider; 
import 


void main 
var appDocumentDirectory = await pathProvider.getApplicationDocu tsDirectory(); 
Hi init(appDocumentDirectory.path); 
runApp(MyApp()); 


p extends St 


context) { 
r ialA 


debugShowCheckedModeBanner: false, 
home: MainPage(), 


1 MENA 1: powershell 


[INFO] Caching finalized dependency graph... 
[INFO] Caching finalized depende graph completed, took 26ms 


[INFO] Succeeded after 1.2s with 1 tputs (1 actions) 


OuTumE 
DEPENDENCIES 


PS E:\Dropbox\FlutterProject\hive_demo> 


I mw wu Fs Me | 
Bertikutnya karena kita memangil getAplicariDocumenDirectory ini sebelum runAPp 
dijalankan 

Perlu memangiul method namanya 

widgetflutterBinding.ensureln 
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bug Termin: 


Omnin è © 
V OPEN EDITORS 1 UNSAVED import 
"a= import 
import t i è as pathProvider; 
import 


void main 
j lutte .ensureInitialized(); 
var appDocumentDirectory - 
await pathProvider.getApplicationDocumentsDirectory( ); 
Hive.init(appDocumentDirectory.path); 
runApp(MyApp()); 


App extends Sta 
erride 
build( Build text context) { 
return MaterialApp( 
debugShowCheckedModeBanner: false, 
home: MainPage(), 


); F 


' 1: powershell 


[INFO] Cachi finalized dependency graph... 
[INFO] Cachi finalized dependency graph completed, took 26ms 


[INFO] Succeeded after 1.2s with 1 outputs (1 actions) 
‘OUTUNE 


> DEPENDENCIES 
Too0s 


pes, M 
10:08 21:16 


pp om») Ce) SSM « 
Berikutnya ke mainpage 


Kita buat future builder 
Futre nya hive.openBox import dahulu 
Lalu kasih namnya openBox itu apa kasih mosnter 


Buildernya context, snapshoot kita cek 

If 

Snapshot.connetionState == done) sudah beres 

Kita ngapain maka dicek lagi 

If snapshoot eror ada yg eror kita kembalikan pesan eror 
Return center child text eror 
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Edit Selection View Go Debu 


V OPEN EDITORS 1 UNSAVED 


build context 
irr ( 
appBar: title: 
—body: 
future: .openBox( " r 
builder: (context, snapshot 
f(snapshot.connectionState = 


snapshot .hasError 
’ child: snapshot.error), 


[INFO] Caching finalized dependency graph... 
[INFO] Caching finalized dependency graph completed, took 26ms 


[INFO] Succeeded after 1.2s with 1 outputs (1 actions) 
ourune 
otpenorncies 


vesos PS E:\Dropbox\FlutterProject\hive_demo> 


H AnA Em BID: ME.) 
Kalau gk else 

Baru kita punya //body 

Else lagi 

Dinsini kalau belum beres si connection satte masih loading maka 


Center child CircularProggres 
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e Edit Selection View Go Debu 


V OPEN EDITORS 1 UNSAVED Bursa 
r ( 
appBar: title: 
— body: 
future: .openBox 
builder: (context, snapshot 
if(snapshot.connectionState 


snapshot.hasError 
child: snapshot.error), 


[INFO] Caching finalized dependency graph... 
[INFO] Caching finalized dependency graph completed, took 26ms 


[INFO] Succeeded after 1.2s with 1 outputs (1 actions) 
ovrune 
otpenoencies 


tooos PS E:NDropbox/FlutterProjectNhive demo» 


a73 
11:47 


Ih rem ja Cilik SISI 


Sekarang ke body disni kita return listView builder 


Diatas buat var mosnter = hive.boc(monster”): ini karena gk bolak balik ketik ini 


Terus supatya ada data awal nya kita cek dulu 
If (mosnter.length teryata masih nul == nul) belum ada 


Jadi kasih data dummy mosnter.add(Moster(nama monster nya)) jgn lupa import 


dahulu 
Nama mosnter misal kan “vampir”, levelnya 1 
Lalu tambhakan lagi 
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.. var monsters - Hive.box 
— if (monsters.length = 0) 
: { 
monsters.add( 
monsters.add( 
} 


return ListView.builder( J: 


} else 
return Cent 


child: 


1: powershell 


[INFO] Caching finalized dependency graph... 
[INFO] Caching finalized dependency aph completed, took 26ms 


[INFO] Succeeded after 1.2s with 1 tputs (1 actions) 


‘OUTUNE 
DEPENDENCIES 


PS E:\Dropbox\FlutterProject\hive_demo> 


13:06 21:16 


m) dm SW Bs Me | 
Lalu di listView builder nya 

itemCount kita ambil dari monster.lengt 

itemBBuilder (context, index) untuk sementara diteturn text dulu kita cobain 

buat var nya moster monster.getAt(index) 

return nya text 
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var monsters - Hive.box( 
if (monsters.length = 0) { 
monsters.add(Monster 
monsters.add(/ 
} 
return ListView.builder( 
itemCoun monsters.length, 
itemBuilder: (context, index) { 
r monster = monsters.getAt(index); 


+ monster.level.toString() + 


' TERMENA 1: powershell 


[INFO] Caching finalized dependency graph... 
[INFO] Caching finalized dependency graph completed, took 26ms 


[INFO] Succeeded after 1.2s with 1 outputs (1 actions) 


OUTLINE 


DEPENDENCIES : 
\Dropbox\FlutterProject\hive_demo> 


14:06 21:16 


maka seperti ini 
kita lihat 
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Tampilan Bantuan 


child: snapshot.error), 
; Hive Database Demo 


Pena Do. A Jelly Guardian (5) 
monsters.length = 0 
23 monsters.add 


Exception has occurred. 


rror HiveError: Cannot write, 


monsters.add 


„builder 
itemCount: monsters.length, 
itemBuilder: (context, index) 
monster = monsters.getAt(index); 
Irr 
monster.name + + monster. level. 


i T 
egl_winsys_surface **, egl_color_buffer_format *, EGLBoolean) ret 
anonymo I/flutter (11517) verflow on channel: flutter/lifecycle. 


rded in FIFO fashion. The engine may not be running or you n 
channel. 


W/InputMethodManager (11517): startInputReason = 1 


14:16 
Di) im) Ea SS 


disini ada eor gk bisa diadd monster 

Karena cuman bisa simpan string dan integer dalam valuenya 

Kita buat adapter tapi belum register 

Register dahulu kita stop 

Ke main dart 

Disini ada lupa 

Hive.registerAdapter()adapte nya namanya yaitu mosnteAdapter jgn lupa di import 


Lalu typeid kasih 0 
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mindan x © 
V VARIABLES import 
import 
import 
import 1 rs as pathProvider, 
import 


void main async 
tterBinding.ensureInitializ »: 
var appDocumentDirectory - 
wait pathProvider.getApplicationDocumentsDirectory( ): 
Hive.init(appDocumentDirectory.path); 
erAdapter(MonsterAdapter(), 0): 


WidgetsFl 


App extends StatelessWidgs 
verride 

build( Bui ntext context) { 
return MaterialApp( 


Teme debugShowCheckedModeBanner: false, 


i 
egl_winsys_surface **, egl_color_buffer_format *, EGLBoolean) returns 0x3000 
I/flutter (11517): Overflow on channel: flutter/lifecycle. Messages on this channel are being disca 
rded in FIFO fashion. The engine may not be running or you need to adjust the buffer size if of the 
channel. 
W/InputMethodManager (11517): startInputReason = 1 


BREAKPOINTS 


at PM 


FO kan Me 
15:01 21:16 


Ih Ke Catt 
Kita jalankan lagi 
Maka sudah keluar 
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© maindart « 
V VARIABLES import 
import 
import 
import č j as pathProg 
import 


void main async 
Wic sFlutterBinding.ensureInitialized(); 
var appDocumentDirectory = 
await pathProvider.getApplicationDocumentsDirectory( ); 
Hive.init(appDocumentDirectory.path); 
Hive.registerAdapter(MonsterAdapter(), 0): 
runApp(MyApp()); 


lass MyApp extends 
override 
Widget build(Bui ext context) { 
return teria 
debugShowCheckedModeBanner: false, 


V CALL STACK 


1 Buo CON 
egl winsys surface **, egl color buffer format *, EGLBoolean) retų 
I/flutter (12022): Overflow on channel: flutter/lifecycle. Messagd 


rded in FIFO fashion. The engine may not be running or you need tc 


channel. 
W/InputMethodManager(12022): startInputReason = 1 


BREAKPOINTS 


15:09 21:16 
Ih mom» cith 


Sekarang mau buat supaya update dan delete 
Supaya rapi bungkus container listViewnya 

Kasih marginya 20 

Lalu text nya juga bungkus dgn container padding 10 


Marginya kasihg bottom saja 10 

Lalu berikan decoration box decoration 
Color nya 

Lalu shadow 

Lalu offset nya 

Bluradius 
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V VARIABLES 
margin: 
child: 
itemCount: monsters.length, 
itemBuilder: (context, index 
monster = monsters.getAt( index); 


padding: -all(10), 
margin: -only(bottom: 10), 
decoration: ( 
color: .white, 
boxShadow: 
color: .black.withOpacity(0.5), 
offset: (3, 3), 
blurRadius: 6 


, 
child: 
monster.name + + monster.level.toString() + 


“bo 


a) e era a 


EGLBoolean) returns 0x3000 


egl winsy **, egl color buffer format * 

I/flutter (12022): Overflow on channel: flutter/lifecycle. Messages on this channel are being disca 

rded in FIFO fashion. The engine may not be running or you need to adjust the buffer size if of the 
BREAKPOINTS channel. 


W/TnniitMethndManaser(120221- startTnniutReacan = 1 


same O 
16:36 


>| ea a BSI Me | 
kebawah text nya kita bungkus lagi dgn row 

disni mainAxis kasih yg betwent 

lalu didalm nya children tambhakn lagi row 

children nya itu icon button Icon.trandiungUp color juga kasih 

lalu onprased kosongi dahulu 
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main pageda © 
VARIABLES DLUTKAOlLUS: oO) 
1), 
child: 
mainAxisAlignment: .spaceBetween, 
children: « >[ 
(monster.name + 
"Ira 
monster.level.toString 
A g 
(children: < 
(icon: ( .trending up),color: 
onPressed: () ()l,) 
1,) 
, 


` ye Kela uue ya anapany 3 
egl winsys surface **, egl color buffer format *, EGLBoolean) returns 0x300 
I/flutter (12022): Overflow on channel: flutter/lifecycle. Messages on this channel are being disca 
rded in FIFO fashion. The engine may not be running or you need to adjust the buffer size if of the 
BREAKPOINTS channel. 
W/TnnirtMethndManacer(120271: startTnnutReasan = 1 


17:33 
Ih Ke DI 


icon buton kita copy buat 3 buah buton 
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VARIABLES cnitaren: 


icon: .trending up), 
color: -green, 
onPressed: () {} 


» 


icon: .content copy), 
color: .amber, 
onPressed: () {}, 


» 


icon: ( .delete), 
color: .red, 
onPressed: () {}, 


' pu 


U/ Weds Wilisys(140L4). COLA NEW WANUUW DUI I ALEEA Willy ULIPLAY `; VULU 4 LULJU tate, LULAUN AB, 


EGLBoolean) returns 0x3000 
I/flutter (12022): Overflow on channel: flutter/lifecycle. Messages on this channel a being disca 


egl winsys surface **, egl color buffer format *, 


rded in FIFO fashion. The engine may not be running or you ne 
v ati channel. 


Li /TnnutMathnadManannn/ IAI) 


Lihat 
Maka hasilnya sperti ini 
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No Configi * 


VARIABLES cnitaren: 


icon: .trending up), 
color: .green, 
onPressed: () {}, 

», 

( 

—icon: ( .content copy), 
color: .amber, 
onPressed: () {}, 

), 

( 
icon: ( -delete), 
color: .red, 
onPressed: () {}, 


1 
U/mati WiNSyS (410 > KOLINU NEW WINGOW Surtace(epL winsys display 
egl winsys surface **, egl color buffer format *, EGLBoolean) retų 
I/flutter (12022): Overflow on channel: flutter/lifecycle. Mes 

rded in FIFO fashion. The engine may not be running or you need t 


BREAKPOINTS channel. 


i Kam pu SER Me.) 
Sekarang tingal tambhkan perintah nya disni 

Ditanding app monster nya level up 

Di onprased 

Monster.putAt supaya diupdate(index, value masukan mosnter dalam 
kurung(masonter.name 
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VARIABLES mainAxisALignment: - SpaceBetween, 
children: < >[ 
(monster.name + 
" [" 4 
monster.level.toString( ) + 
J0, 
( 


children: « 


icon: .trending up), 
color: .green, 
onPressed: () ( 
monsters.putAt( 
index, 
( 


monster.name, monster.level + 1)); 


.content copy), 


' 


U/Mail WINSYS( 44022): COLINE mew_wingow_surrace(egi WiMsys Gispiay *, void *, koLdburtate, toLtontig, 
egl wi surface **, egl color buffer format *, EGLBoolean) returns @x3000 

I/flutter (12022): Overflow on channel: flutter/lifecycle. Messages on this channel are being disca 
rded in FIFO fashion. The engine may not be running or you need to adjust the buffer size if of the 


BREAKPOINTS channel. 


18:51 


1 em a FE 0 í 
Lalu disni juga kita tambkan lagi di amber nya 

.add karena kita tambh kan lagi Monster(mosnter.name, monster,level) 

Yg red kita hapus 


Moster.deleteAt(index) 
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main page dart 


V VARIABLES 


icon: .content copy), 
color: .amber, 
onPressed: () { 
monsters.add 
(monster.name, monster. level)); 
h 
), 


icon: -delete), 
color: -red, 
onPressed: () { 
monsters.deleteAt( index); 
F, 
) 


) 


CALL STACK 1 A 


D/mall_winsys(12622): tGLInt new window surtace(egi winsys display *, vold *, tGLSurtace, EGLContig, 
egl winsys surface **, egl color buffer format *, EGLBoolean) returns 0x3000 

I/flutter (12022): Overflow on channel: flutter/lifecycle. Messages on this channel are being disca 
rded in FIFO fashion. ne may not be running or you need to adjust the buffer size if of the 


V BREAKPOINTS 
chann 


Aa Oe tne £ a6 ea, W 


19:24 
DP) ke mr DI 


sebelum ini dijalankan kita perlu 

Pasang SwatchBoxBuilder 

Maka disini container yg luar margin nya 20 
Klik kanan refactor widget 

Kasih nama watchBoxbuilder 

Lalu import 
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dno Cod 


main_pagedart © 


VARIABLES child: (snapshot.error), 


monsters = -box("monsters"); 
if (monsters.length = 0) (| 
monsters.add ("Vampire", 1)); 
monsters.add( ("Jelly Guardian", 5)); 
} 


return 


mar 
chi 


) 1 
.getAt( index); 
return 
padding: -all(10), 
margin: -only(bottom: 10), 
decoration: 
a (color: «white, boxShadow: | 


U/mat1 winsys(12622): kGLINT new window surtace(egi winsys display ", vold *, tGLSurtace, EGLContig, 
egl wins surface **, egl color buffer format *, EGLBoolean) returns 0x3000 
I/flutter (12022): Overflow on channel: flutter/lifecycle. Messages on this channel are being disca 


rded in FIFO fashion. The engine may not be running or you need to adjust the buffer size if of the 
chann 


BREAKPOINTS 


noses ene dos gun, M 
19:51 


Disni kita pili box yg kita ikuti yg mana mostersBox 


Lalu disini builder context, monster) => 
Monster ini memacu yg kita build ulang 
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s 
main_pagedart © 
V VARIABLES return ( 
child: (snapshot.error), 
); 
else { 
monstersBox = .box( "monsters"): 
if (monsters.length = 0) { 
monsters.add( ("Vampire", 1) 
monsters. add( ("Jelly Guardian 
} 
return 
box: monstersBox, 
builder: (context, monsters 
margin: .al1(20), 
child: .builder( 
itemCount: monsters.length, 
itemBuilder: (context, index) { 
monster = monsters.getAt( index); 
return 
padding: -all(10), 
CML SIME margin: -only(bottom: 10), 


an ‘ 


‘ ec COW 
D/mail_winsys(12622): tGLint new window surtace(egi winsys display *, vold *, tGLSurtace, tbLtontig, 
egl winsys surface **, egl color buffer format *, EGLBoolean) returns 0x3000 

I/flutter (12022): Overflow on channel: flutter/lifecycle. Messages on this channel are being disca 
rded in FIFO fashion. The engine may not be running or you need to adjust the buffer size if of the 


BREAKPOWTS 
channel 


20:19 
HN Ke Cilik SIS 


Maka monster nya ganti jadi monsterBox 
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dio Cod 
main_pagedart * 
V VARIABLES return ( 
child: (snapshot.error), 
); 
else { 
monstersBox = .box( "monsters 
if (monstersBox.length = 0) | 
monstersBox.add ("Vampire", 1)); 
monstersBox.add ("Jelly Guardian", 5)); 
} 
return 
box: monstersBox, 
builder: (context, monsters) => 
margin: -all(20), 
child: .builder( 
itemCount: monsters.length, 
itemBuilder: (context, index) { 
monster = monsters.getAt(index); 
return 
-all(10), 
V CALL STACK i ly(bottom: 10), 


1 euo x 
D/mali_winsys(12622): tGLINT new window surtace(egi winsys display *, vold *, toLSurtace, EGLContig, 
egl winsys surface **, egl color buffer format *, EGLBoolean) returns @x3000 

I/flutter (12022): Overflow on channel: flutter/lifecycle. Messages on this channel are being disca 
rded in FIFO fashion. The engine may not be running or you need to adjust the buffer size if of the 
channel. 


BREAKPOINTS 


20:35 
Ih Ke Catt 


1 


pai 


Maka kita lihat 
Sekarang kita naiki maka naik level nya 
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© main page. 
VARIABLES returr 


child: Text(snapshot.error), 


els 
var monstersBox Hi box( 
if (monstersBox.length = 0) { Vampire (3! 
monstersBox.add( Monst 
monstersBox.add(Mc t 


Jelly Guardian [5] 


} 
return W ıBoxBuilder( 
box: monstersBox, 
builder: (context, monsters) = 
margin: EdgeInsets.all(20), 
child: .builder 
itemCount: monsters.length, 
itemBuilder: (context, index) { 1 
monster = monsters.getAt( ind 
return Cont er( 
padding: 2ts.all(10), 
margi EdgeInsets.only(bottom: 10 
' 
D/mali_winsys(1202 EGLint new_window_surface( _winsys_display 
egl winsys surface **, egl color buffer format *, EGLBoolean) retu 
I/flutter (12022): Overflow on channel: flutter/lifecycle. Messag 
rded in FIFO fashion. The engine may not be running or you need tc 
channel. 


BREAKPOINTS 


20:47 
Ih remaja Cilik SISI 


dapat copy 
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© main pagadan 
VARIABLES 


(snapshot.error), 


var monstersBox = Hive.box( 

if (monstersBox. length 0) | Varaphe Fi 
monstersBox.add(M 
monstersBox.add(M 


Jelly Guardian [S] 


} 
return WatchBoxBuilder( 
box: monstersBox, 
builder: (context, monsters) = Container( 
margin: EdgeInsets.all(20), 
child: ew. builder 


itemCount: monsters.length, 
itemBuilder: (context, index) { i 
Monster monster monsters.getAt(ind 


r ontain 


padding dgeIns -all(10), 
== margin: £ 2Insets.only(bottom: 10 


3x 
' 


D/mali_winsys(12022): EGLint new window surface(egl winsys display 
egl winsys surface **, egl color buffer format *, EGLBoolean) ret 
I/flutter (12022): Overflow on channel: flutter/lifecycle. Message 
BREAKPOMTS rded in FIFO fashion. The engine may not be running or you need tc 


channel. 


BÂ OÙ O J) a 


20:51 21:16 


Yg merah delete 


Ini cara gunakan hive database 
Ini database local pada aplikasi kita 


